<template>
    <div class="xinjiang" style="width: 800px;height: 600px">
        <h3 style="width: 800px">新疆区域</h3>
        <div>
            {{!!name? '姓名：'+name:'' }}
        </div>
        <div>
            {{!!post? '岗位：'+post:'' }}
        </div>
        <div>
            {{!!work? '工作地点：'+work:'' }}
        </div>
        <div class="wk">
            <Wlmq></Wlmq>
            <kuerle :name="name" :post="post"></kuerle>
        </div>

    </div>
</template>

<script>
    import Wlmq from './wlmq'
    import Kuerle from './kuerle'

    export default {
        name: "xinjiang",
        components: {
            Wlmq,
            Kuerle
        },
        computed: {
            post: {
                get() {
                    return this.$store.state.post
                }
            },
            name: {
                get() {
                    return this.$store.state.user.name
                }
            },
            work: {
                get() {
                    return this.$store.state.workAddress
                }
            }
        }
    }
</script>

<style scoped>
    .xinjiang {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        border: 1px #ff4400 dashed;
        margin: 5px;
    }

    .wk {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        margin: 5px;
    }
</style>
